(function () {
  // 表的名字
  const name = [
    'miniImageNet_51_loss','miniImageNet_51_test','miniImageNet_51_val',
    'miniImageNet_55_loss','miniImageNet_55_test','miniImageNet_55_val',
    'Omniglot_51_loss','Omniglot_51_test',
    'Omniglot_55_loss','Omniglot_55_test'
]
  // 折线图定制 miniImageNet_51_loss
  for (let i = 0; i < name.length; i++) {
    $.get('../data/' + name[i] + '.json', function (data, status) {
      inti_echart(data,name[i])
    })
  }

})();

function inti_echart(data,name='data'){
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.querySelector('#' + name + ' .chart'));

    // 2. 指定配置和数据
    var option = {
      color: ["#00f2f1", "#ed3f35"],
      tooltip: {
        // 通过坐标轴来触发
        trigger: "axis"
      },
      legend: {
        // 距离容器10%
        right: "10%",
        // 修饰图例文字的颜色
        textStyle: {
          color: "#4c9bfd"
        }
      },
      grid: {
        top: "20%",
        left: "3%",
        right: "4%",
        bottom: "3%",
        show: true,
        borderColor: "#012f4a",
        containLabel: true
      },

      xAxis: {
        type: "category",
        boundaryGap: false,
        data: data.row,
        // 去除刻度
        axisTick: {
          show: false
        },
        // 修饰刻度标签的颜色
        axisLabel: {
          color: "rgba(255,255,255,.7)"
        },
        // 去除x坐标轴的颜色
        axisLine: {
          show: false
        }
      },
      yAxis: {
        type: "value",
        // 去除刻度
        axisTick: {
          show: false
        },
        // 修饰刻度标签的颜色
        axisLabel: {
          color: "rgba(255,255,255,.7)"
        },
        // 修改y轴分割线的颜色
        splitLine: {
          lineStyle: {
            color: "#012f4a"
          }
        }
      },
      series: [
        {
          name: name,
          type: "line",
          stack: "总量",
          // 是否让线条圆滑显示
          smooth: true,
          data: data.column
        },
      ]
    };
    // 3. 把配置和数据给实例对象
    myChart.setOption(option);

    // 重新把配置好的新数据给实例对象
    myChart.setOption(option);
    window.addEventListener("resize", function () {
      myChart.resize();
    });
}
